<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>MyTechRider - Monitores</title>
	<meta name="description" content="My Tech Rider">
	<meta name="keywords" content="Tech Rider">
	<meta name="author" content="Jonatan Martínez">
	<link rel="shortcut icon" href="images/favicon.ico">

	<link rel="stylesheet" type="text/css" href="css/estilos-app.css">
	<link rel="stylesheet" type="text/css" href="css/bx-slider.css">
</head>
<body>
	<div class="ipad">
		<div class="container-app">
			<header>
				<a href="#">Volver al Stage</a>
				<h1>Monitores</h1>
			</header>
			<section class="instrument monitores">
				<a class="save" href="#">Guardar</a>
				<div class="clear"></div>
				<section class="col left">
					<div class="sets">
						<h3>Categoría</h3>
						<ul>
							<li><a class="selected" href="#">Front Fill (floor o piso)</a></li>
							<li><a href="#">Side Fill</a></li>
						</ul>
					</div>
					<div class="brand">
						<h3>Marca</h3>
						<ul>
							<li><a href="#">Meyer Sound</a></li>
							<li><a class="selected" href="#">JBL</a></li>
							<li><a href="#">Yamaha</a></li>
						</ul>
					</div>
				</section>
				<section class="col right">
					<div class="sets">
						<h3>Categoría</h3>
						<ul>
							<li><a class="" href="#">InEar</a></li>
						</ul>
					</div>
					<div class="brand">
						<h3>Marca</h3>
						<ul>
							<li><a href="#">Shure (InEar)</a></li>
							<li><a href="#">Sennheiser (InEar)</a></li>
						</ul>
					</div>
				</section>
			</section>
		</div>
	</div>	

	<!-- jQuery library -->
	<script src="js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src = "js/jquery.easing.1.3.js"></script>

	<!-- BXSLIDER plugin -->
	<script src = "js/jquery.bxslider.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.bxslider').bxSlider({
			  infiniteLoop: true,
			  hideControlOnEnd: true,
			  easing: 'easeOutBounce',
			  infiniteLoop: false,
			  speed: 400
			});	
        });
    </script>

</body>
</html>